<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
	<!-- <style>
		@font-face {
		  font-family: 'iconfont';
		  src: url('fonts/iconfont.eot');
		  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
		      url('fonts/iconfont.woff2') format('woff2'),
		      url('fonts/iconfont.woff') format('woff'),
		      url('fonts/iconfont.ttf') format('truetype'),
		      url('fonts/iconfont.svg#iconfont') format('svg');
  		}
  		.iconfont {
		  font-family: "iconfont" !important;
		  font-size: 16px;
		  font-style: normal;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
	</style> -->
	<meta name="description" content="品优购-专业的综合网上购物商城，销售家电、数码通讯、电脑、家居百货、食品等数万个品牌优质商品。便捷、诚
	信的服务，为您提供愉悦的网上购物环境！">
	<meta name="keywords" content="网上购物、网上商城、手机">
	<!-- 引入favicon.ico网页图标 -->
	<link rel="short icon" type="image/x-icon" href="favicon.ico">
	<!-- 引入初始化css文件 -->
	<link rel="stylesheet"  href="css/base.css">
	<!-- 引入公共样式的css文件 -->
	<link rel="stylesheet"  href="css/common.css">
	<link rel="stylesheet"  href="css/index.css">
  <!-- animate.js必须写到index.js上面引入 -->
  <script src="js/animate.js"></script>
  <!-- 引入首页的js文件 -->
  <script src="js/index.js"></script>
</head>
<body>
  	<!-- 顶部快捷导航 -->
  	<div class="shortcut">
  		<div class="w">
  			<div class="fl">
  				<ul>
  					<li>品优购欢迎您！  </li>
  					<li> 
  						<a href="#">请登录</a> 
  						<a href="register.html" class="style-red">免费注册</a> 
  					</li>
  				</ul>
  			</div>
  			<div class="fr">
  				<ul>
  					<li><a href="#">我的订单</a></li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">我的品优购</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li><a href="#">品优购会员</a></li>
  					<li class="spacer"></li>
  					<li><a href="#">企业采购</a></li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">关注品优购</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">客户服务</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li>
  					<li class="spacer"></li>
  					<li>
  						<a href="#">网站导航</a>
  						<i class="iconfont">&#xe69d;</i>
  					</li> 
  				</ul>
  			</div>
  		</div>
  	</div>
  	<!-- header制作 -->
  	<div class="header w">
  		<div class="logo">
  			<h1>
  				<a href="index.html" title="品优购">品优购</a>
  			</h1>
  		</div>
  		<div class="search">
  			<input type="text" name="" class="text" placeholder="请输入">
  			<button class="btn">搜索</button>
  		</div>
  		 	<!-- hotwords -->
  		<div class="hotwords w" >
  			<a href="#" class="style-red">优惠购首发</a>
  			<a href="#">亿元优惠</a>
  			<a href="#">9.9元团购</a>
  			<a href="#">美满99减30</a>
  			<a href="#">办公用品</a>
  			<a href="#">电脑</a>
  			<a href="#">通信</a>
  		</div>
  		<div class="shopcar">
  			我的购物车 <i class="arrow">&#xe6a6;</i>
  			<i class="count">8</i>
  		</div>
  	</div>
 	<!-- nav -->
 	<div class="nav">
 		<div class="w">
 			<div class="dropdown fl">
 				<div class="dt">全部商品分类</div>
 				<div class="dd">
 					<ul>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item">
 							<a href="list.html">手机</a>
 							<a href="#">数码</a>
 							<a href="#">通信</a>
 							<i>&#xe6a6;</i>
 						</li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 						<li class="menu_item"><a href="#">家用电器</a><i>&#xe6a6;</i></li>
 					</ul>
 				</div>
 			</div>
 			<div class="navitems fl">
 				<ul>
 					<li><a href="#">服装城</a></li>
 					<li><a href="#">美妆馆</a></li>
 					<li><a href="#">传智超市</a></li>
 					<li><a href="#">全球购</a></li>
 					<li><a href="#">闪购</a></li>
 					<li><a href="#">团购</a></li>
 					<li><a href="#">拍卖</a></li>
 					<li><a href="#">有趣</a></li>
 				</ul>
 			</div>
 		</div>
 	</div>
 	<div class="w">
 		<div class="main">
 			<div class="foucs fl">
 				<a href="javascript:;" class="arrow_l"><</a>
 				<a href="javascript:;" class="arrow_r">></a>
        <!-- 核心滚动区域 -->
 				<ul>
 					<li>
 						<a href="#"><img src="upload/banner.png" alt=""></a>
 					</li>
          <li>
            <a href="#"><img src="upload/banner2.jpeg" alt=""></a>
          </li>
          <li>
            <a href="#"><img src="upload/banner3.jpeg" alt=""></a>
          </li>
          <li>
            <a href="#"><img src="upload/banner4.jpg" alt=""></a>
          </li>
          <li>
            <a href="#"><img src="upload/banner5.jpeg" alt=""></a>
          </li>
 				</ul>
        <!-- 小圆圈 -->
 				<ol class="circle">
 					
 				</ol>
 			</div>
 			<div class="newsflash fr">
 				<div class="news">
 					<div class="news-hd">
 						品优购快报
 						<a href="#">更多</a>
 					</div>
 					<div class="news-bd">
 						<ul>
 							<li><a href="#">【特惠】啊啊啊啊啊</a></li>
 							<li><a href="#">【特惠】啊啊啊啊啊</a></li>
 							<li><a href="#">【特惠】啊啊啊啊啊</a></li>
 							<li><a href="#">【特惠】啊啊啊啊啊</a></li>
 							<li><a href="#">【特惠】啊啊啊啊啊</a></li>
 						</ul>
 					</div>
 				</div>
 				<div class="lifeservice">
 					<ul>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 						<li><a href="#">
 							<i class="service_ico"></i>
 							<p>话费</p>
 						</a>
 						</li>
 					</ul>
 				</div>
 				<div class="bargain">
 					<img src="upload/bar.png">
 				</div>
 			</div>
 		</div>
 	</div>
 	<!-- recommend -->
 	<div class="recommend w">
 		<div class="recom_hd fl">
 			<img src="img/recom.png">
 			<h3>今日推荐</h3>
 		</div>
 		<div class="recom_bd fl">
 			<ul>
 				<li>
 					<a href="#">
 						<img src="upload/pic.png">
 					</a>
 				</li>
 				<li>
 					<a href="#">
 						<img src="upload/pic.png">
 					</a>
 				</li>
 				<li>
 					<a href="#">
 						<img src="upload/pic.png">
 					</a>
 				</li>
 				<li class="last">
 					<a href="#">
 						<img src="upload/pic.png">
 					</a>
 				</li>
 			</ul>
 		</div>
 	</div>
 	<!-- floor -->
 	<div class="floor w">
 		<div class="jiadian">
 			<div class="box-hd">
 				<h3>家用电器</h3>
 				<div class="tab-list fr">
 					<ul>
 						<li><a href="#" class="style-red">热门</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a></li>
 					</ul>
 				</div>
 			</div>
 			<div class="box-bd">
 				<ul class="tab-con">
 					<li class="w209">
 						<ul class="tab-con-list">
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 						</ul>
 						<img src="upload/pic6_06.jpg">
 					</li>
 					<li class="w329">
 						<img src="upload/pic1.png">
 					</li>
 					<li class="w220">
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 					</li>
 					<li class="w220">
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic5_03.jpg">
 							</a>
 						</div>
 					</li>
 					<li class="w218">
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 					</li>
 				</ul>
 			</div>
 		</div>
 				<div class="shouji">
 			<div class="box-hd">
 				<h3>手机通讯</h3>
 				<div class="tab-list fr">
 					<ul>
 						<li><a href="#" class="style-red">热门</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a>|</li>
 						<li><a href="#">家用电器</a></li>
 					</ul>
 				</div>
 			</div>
 			<div class="box-bd">
 				<ul class="tab-con">
 					<li class="w209">
 						<ul class="tab-con-list">
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 							<li><a href="#">节能补贴</a></li>
 						</ul>
 						<img src="upload/pic6_06.jpg">
 					</li>
 					<li class="w329">
 						<img src="upload/pic1.png">
 					</li>
 					<li class="w220">
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 					</li>
 					<li class="w220">
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic5_03.jpg">
 							</a>
 						</div>
 					</li>
 					<li class="w218">
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 						<div class="tab-con-item">
 							<a href="#">
 								<img src="upload/pic4_03.jpg">
 							</a>
 						</div>
 					</li>
 				</ul>
 			</div>
 		</div>
 	</div>
 	<div class="fixedtool">
 		<ul>
 			<li class="current">家用电器</li>
 			<li>家用电器</li>
 			<li>家用电器</li>
 			<li>家用电器</li>
 			<li>家用电器</li>
 			<li>家用电器</li>
 		</ul>
 	</div>
 	<!-- footer -->
 	<div class="footer">
 		<div class="w">
 			<div class="mod_service">
 				<ul>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_kuai"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 					<li>
 						<i class="mod_service_zhen"></i>
 						<div class="mod_service_tit">
 							<h5>正品保障</h5>
 							<p>正品保障，提供发票</p>
 						</div>
 					</li>
 				</ul>
 			</div>
 			<div class="mod_help">
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 				<dl class="mod_help_item">
 					<dt>购物指南</dt>
 					<dd><a href="#">购物流程</a></dd>
 					<dd><a href="#">会员介绍</a></dd>
 					<dd><a href="#">生活住行</a></dd>
 					<dd><a href="#">常见问题</a></dd>
 					<dd><a href="#">大家电</a></dd>
 					<dd><a href="#">联系客服</a></dd>
 				</dl>
 			</div>
 			<div class="mod_copyright">
 				<p class="mod_copyright_links">
 					关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
 				</p>
 				<p class="mod_copyright_info">
 					地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                    京ICP备08001421号京公网安备110108007702
 				</p>
 			</div>
 		</div>
 	</div>
</body>
</html>